<!DOCTYPE html><html><head>
      <title>api</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      
      <link rel="stylesheet" href="file:///C:\Users\10663\.vscode\extensions\shd101wyy.markdown-preview-enhanced-0.3.11\node_modules\@shd101wyy\mume\dependencies\katex\katex.min.css">
      
      
      
      
      
      
      
      
      

      <style> 
      /**
 * prism.js Github theme based on GitHub's theme.
 * @author Sam Clarke
 */
code[class*="language-"],
pre[class*="language-"] {
  color: #333;
  background: none;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.4;

  -moz-tab-size: 8;
  -o-tab-size: 8;
  tab-size: 8;

  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
  padding: .8em;
  overflow: auto;
  /* border: 1px solid #ddd; */
  border-radius: 3px;
  /* background: #fff; */
  background: #f5f5f5;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
  background: #f5f5f5;
}

.token.comment,
.token.blockquote {
  color: #969896;
}

.token.cdata {
  color: #183691;
}

.token.doctype,
.token.punctuation,
.token.variable,
.token.macro.property {
  color: #333;
}

.token.operator,
.token.important,
.token.keyword,
.token.rule,
.token.builtin {
  color: #a71d5d;
}

.token.string,
.token.url,
.token.regex,
.token.attr-value {
  color: #183691;
}

.token.property,
.token.number,
.token.boolean,
.token.entity,
.token.atrule,
.token.constant,
.token.symbol,
.token.command,
.token.code {
  color: #0086b3;
}

.token.tag,
.token.selector,
.token.prolog {
  color: #63a35c;
}

.token.function,
.token.namespace,
.token.pseudo-element,
.token.class,
.token.class-name,
.token.pseudo-class,
.token.id,
.token.url-reference .token.variable,
.token.attr-name {
  color: #795da3;
}

.token.entity {
  cursor: help;
}

.token.title,
.token.title .token.punctuation {
  font-weight: bold;
  color: #1d3e81;
}

.token.list {
  color: #ed6a43;
}

.token.inserted {
  background-color: #eaffea;
  color: #55a532;
}

.token.deleted {
  background-color: #ffecec;
  color: #bd2c00;
}

.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}


/* JSON */
.language-json .token.property {
  color: #183691;
}

.language-markup .token.tag .token.punctuation {
  color: #333;
}

/* CSS */
code.language-css,
.language-css .token.function {
  color: #0086b3;
}

/* YAML */
.language-yaml .token.atrule {
  color: #63a35c;
}

code.language-yaml {
  color: #183691;
}

/* Ruby */
.language-ruby .token.function {
  color: #333;
}

/* Markdown */
.language-markdown .token.url {
  color: #795da3;
}

/* Makefile */
.language-makefile .token.symbol {
  color: #795da3;
}

.language-makefile .token.variable {
  color: #183691;
}

.language-makefile .token.builtin {
  color: #0086b3;
}

/* Bash */
.language-bash .token.keyword {
  color: #0086b3;
}html body{font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#fff;overflow:initial;box-sizing:border-box;word-wrap:break-word}html body>:first-child{margin-top:0}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{line-height:1.2;margin-top:1em;margin-bottom:16px;color:#000}html body h1{font-size:2.25em;font-weight:300;padding-bottom:.3em}html body h2{font-size:1.75em;font-weight:400;padding-bottom:.3em}html body h3{font-size:1.5em;font-weight:500}html body h4{font-size:1.25em;font-weight:600}html body h5{font-size:1.1em;font-weight:600}html body h6{font-size:1em;font-weight:600}html body h1,html body h2,html body h3,html body h4,html body h5{font-weight:600}html body h5{font-size:1em}html body h6{color:#5c5c5c}html body strong{color:#000}html body del{color:#5c5c5c}html body a:not([href]){color:inherit;text-decoration:none}html body a{color:#08c;text-decoration:none}html body a:hover{color:#00a3f5;text-decoration:none}html body img{max-width:100%}html body>p{margin-top:0;margin-bottom:16px;word-wrap:break-word}html body>ul,html body>ol{margin-bottom:16px}html body ul,html body ol{padding-left:2em}html body ul.no-list,html body ol.no-list{padding:0;list-style-type:none}html body ul ul,html body ul ol,html body ol ol,html body ol ul{margin-top:0;margin-bottom:0}html body li{margin-bottom:0}html body li.task-list-item{list-style:none}html body li>p{margin-top:0;margin-bottom:0}html body .task-list-item-checkbox{margin:0 .2em .25em -1.8em;vertical-align:middle}html body .task-list-item-checkbox:hover{cursor:pointer}html body blockquote{margin:16px 0;font-size:inherit;padding:0 15px;color:#5c5c5c;border-left:4px solid #d6d6d6}html body blockquote>:first-child{margin-top:0}html body blockquote>:last-child{margin-bottom:0}html body hr{height:4px;margin:32px 0;background-color:#d6d6d6;border:0 none}html body table{margin:10px 0 15px 0;border-collapse:collapse;border-spacing:0;display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all}html body table th{font-weight:bold;color:#000}html body table td,html body table th{border:1px solid #d6d6d6;padding:6px 13px}html body dl{padding:0}html body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:bold}html body dl dd{padding:0 16px;margin-bottom:16px}html body code{font-family:Menlo,Monaco,Consolas,'Courier New',monospace;font-size:.85em !important;color:#000;background-color:#f0f0f0;border-radius:3px;padding:.2em 0}html body code::before,html body code::after{letter-spacing:-0.2em;content:"\00a0"}html body pre>code{padding:0;margin:0;font-size:.85em !important;word-break:normal;white-space:pre;background:transparent;border:0}html body .highlight{margin-bottom:16px}html body .highlight pre,html body pre{padding:1em;overflow:auto;font-size:.85em !important;line-height:1.45;border:#d6d6d6;border-radius:3px}html body .highlight pre{margin-bottom:0;word-break:normal}html body pre code,html body pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}html body pre code:before,html body pre tt:before,html body pre code:after,html body pre tt:after{content:normal}html body p,html body blockquote,html body ul,html body ol,html body dl,html body pre{margin-top:0;margin-bottom:16px}html body kbd{color:#000;border:1px solid #d6d6d6;border-bottom:2px solid #c7c7c7;padding:2px 4px;background-color:#f0f0f0;border-radius:3px}@media print{html body{background-color:#fff}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{color:#000;page-break-after:avoid}html body blockquote{color:#5c5c5c}html body pre{page-break-inside:avoid}html body table{display:table}html body img{display:block;max-width:100%;max-height:100%}html body pre,html body code{word-wrap:break-word;white-space:pre}}.markdown-preview{width:100%;height:100%;box-sizing:border-box}.markdown-preview .pagebreak,.markdown-preview .newpage{page-break-before:always}.markdown-preview pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}.markdown-preview pre.line-numbers>code{position:relative}.markdown-preview pre.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:1em;font-size:100%;left:0;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.markdown-preview pre.line-numbers .line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.markdown-preview pre.line-numbers .line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.markdown-preview .mathjax-exps .MathJax_Display{text-align:center !important}.markdown-preview:not([for="preview"]) .code-chunk .btn-group{display:none}.markdown-preview:not([for="preview"]) .code-chunk .status{display:none}.markdown-preview:not([for="preview"]) .code-chunk .output-div{margin-bottom:16px}.scrollbar-style::-webkit-scrollbar{width:8px}.scrollbar-style::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.scrollbar-style::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(150,150,150,0.66);border:4px solid rgba(150,150,150,0.66);background-clip:content-box}html body[for="html-export"]:not([data-presentation-mode]){position:relative;width:100%;height:100%;top:0;left:0;margin:0;padding:0;overflow:auto}html body[for="html-export"]:not([data-presentation-mode]) .markdown-preview{position:relative;top:0}@media screen and (min-width:914px){html body[for="html-export"]:not([data-presentation-mode]) .markdown-preview{padding:2em calc(50% - 457px)}}@media screen and (max-width:914px){html body[for="html-export"]:not([data-presentation-mode]) .markdown-preview{padding:2em}}@media screen and (max-width:450px){html body[for="html-export"]:not([data-presentation-mode]) .markdown-preview{font-size:14px !important;padding:1em}}@media print{html body[for="html-export"]:not([data-presentation-mode]) #sidebar-toc-btn{display:none}}html body[for="html-export"]:not([data-presentation-mode]) #sidebar-toc-btn{position:fixed;bottom:8px;left:8px;font-size:28px;cursor:pointer;color:inherit;z-index:99;width:32px;text-align:center;opacity:.4}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] #sidebar-toc-btn{opacity:1}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc{position:fixed;top:0;left:0;width:300px;height:100%;padding:32px 0 48px 0;font-size:14px;box-shadow:0 0 4px rgba(150,150,150,0.33);box-sizing:border-box;overflow:auto;background-color:inherit}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar{width:8px}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(150,150,150,0.66);border:4px solid rgba(150,150,150,0.66);background-clip:content-box}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc a{text-decoration:none}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc ul{padding:0 1.6em;margin-top:.8em}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc li{margin-bottom:.8em}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc ul{list-style-type:none}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview{left:300px;width:calc(100% -  300px);padding:2em calc(50% - 457px -  150px);margin:0;box-sizing:border-box}@media screen and (max-width:1274px){html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview{padding:2em}}@media screen and (max-width:450px){html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview{width:100%}}html body[for="html-export"]:not([data-presentation-mode]):not([html-show-sidebar-toc]) .markdown-preview{left:50%;transform:translateX(-50%)}html body[for="html-export"]:not([data-presentation-mode]):not([html-show-sidebar-toc]) .md-sidebar-toc{display:none}
/* Please visit the URL below for more information: */
/*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */
 
      </style>
    </head>
    <body for="html-export">
      <div class="mume markdown-preview   ">
      <ul>
<li><a href="#api%E6%96%87%E6%A1%A3">api&#x6587;&#x6863;</a>
<ul>
<li><a href="#%E5%9F%BA%E7%A1%80api">&#x57FA;&#x7840;api</a><br>
* <a href="#luiselectorel">lui.selector(el)</a><br>
* <a href="#luiselectorallel">lui.selectorAll(el)</a><br>
* <a href="#luiissupporttouch">lui.isSupportTouch()</a><br>
* <a href="#luigetquerystringname">lui.getQueryString(name)</a><br>
* <a href="#luilongpresselcb">lui.longPress(el,cb)</a><br>
* <a href="#luichangeselectstyle-ev">lui.changeSelectStyle (ev)</a><br>
* <a href="#luiloadscripturlcb">lui.loadScript(url,cb)</a><br>
* <a href="#luicountdowndatetimecb">lui.countDown(datetime,cb)</a><br>
* <a href="#luigettimenumdatetimetype">lui.getTime(num,datetime,type)</a><br>
* <a href="#luigetcndaydatetime">lui.getCnDay(datetime)</a></li>
<li><a href="#%E4%BA%A4%E4%BA%92api">&#x4EA4;&#x4E92;api</a><br>
* <a href="#luiscrolltobottomelcallback">lui.scrollToBottom(el,callback)</a><br>
* <a href="#luitabscontainer">lui.tabs(container)</a><br>
* <a href="#luitextareaautoheightelrandom">lui.textareaAutoHeight(el,random)</a><br>
* <a href="#luisearchobject">lui.search(object)</a><br>
* <a href="#luicoverhandlerelobject">lui.coverHandler(el,object)</a><br>
* <a href="#luiloadingtextopacity">lui.loading(text,opacity)</a><br>
* <a href="#luitoastobject">lui.toast(object)</a><br>
* <a href="#luishowmodalobject">lui.showModal(object)</a><br>
* <a href="#luiindexactionscrollelem">lui.indexAction(scrollElem)</a><br>
* <a href="#luiwatermarkelnamelen">lui.watermark(el,name,len)</a><br>
* <a href="#luiphotoviewerimgs">lui.photoViewer(imgs)</a></li>
</ul>
</li>
</ul>
<h1 class="mume-header" id="api%E6%96%87%E6%A1%A3">api&#x6587;&#x6863;</h1>

<h2 class="mume-header" id="%E5%9F%BA%E7%A1%80api">&#x57FA;&#x7840;api</h2>

<h4 class="mume-header" id="luiselectorel">lui.selector(el)</h4>

<p>&#x8FD4;&#x56DE;&#x6587;&#x6863;&#x4E2D;&#x5339;&#x914D;&#x6307;&#x5B9A; CSS &#x9009;&#x62E9;&#x5668;&#x7684;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#x3002;&#x7B49;&#x540C;&#x4E8E;document.querySelector(el)</p>
<h4 class="mume-header" id="luiselectorallel">lui.selectorAll(el)</h4>

<p>&#x8FD4;&#x56DE;&#x6587;&#x6863;&#x4E2D;&#x5339;&#x914D;&#x6307;&#x5B9A; CSS &#x9009;&#x62E9;&#x5668;&#x7684;&#x96C6;&#x5408;&#x3002;&#x7B49;&#x540C;&#x4E8E;document.querySelectorAll(el)</p>
<h4 class="mume-header" id="luiissupporttouch">lui.isSupportTouch()</h4>

<p>&#x5224;&#x65AD;&#x662F;&#x5426;&#x652F;&#x6301;touch&#x4E8B;&#x4EF6;&#xFF0C;&#x8FD4;&#x56DE;&#x5E03;&#x5C14;&#x503C;</p>
<h4 class="mume-header" id="luigetquerystringname">lui.getQueryString(name)</h4>

<p>&#x83B7;&#x53D6;&#x5730;&#x5740;&#x680F;&#x53C2;&#x6570;&#x503C;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>name</td>
<td>String</td>
<td>&#x662F;</td>
<td>&#x53C2;&#x6570;&#x540D;&#x79F0;</td>
</tr>
</tbody>
</table>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="js" class="language-javascript">  lui<span class="token punctuation">.</span><span class="token function">getQueryString</span><span class="token punctuation">(</span><span class="token string">&apos;param&apos;</span><span class="token punctuation">)</span>
</pre><h4 class="mume-header" id="luilongpresselcb">lui.longPress(el,cb)</h4>

<p>&#x957F;&#x6309;&#x4E8B;&#x4EF6;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>el</td>
<td>String</td>
<td>&#x662F;</td>
<td>&#x76EE;&#x6807;&#x8282;&#x70B9;&#x9009;&#x62E9;&#x5668;</td>
</tr>
<tr>
<td>cb</td>
<td>Function</td>
<td>&#x662F;</td>
<td>&#x957F;&#x6309;&#x540E;&#x7684;&#x56DE;&#x8C03;&#x51FD;&#x6570;</td>
</tr>
</tbody>
</table>
<h4 class="mume-header" id="luichangeselectstyle-ev">lui.changeSelectStyle (ev)</h4>

<p>&#x63A7;&#x5236;select&#x9ED8;&#x8BA4;&#x6837;&#x5F0F;&#xFF0C;&#x548C;input&#x7684;placeholder&#x6837;&#x5F0F;&#x4FDD;&#x6301;&#x4E00;&#x81F4;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>ev</td>
<td>event</td>
<td>&#x662F;</td>
<td>&#x4E8B;&#x4EF6;&#x6E90;&#xFF0C;&#x53EA;&#x80FD;&#x4F20;&#x9012;event</td>
</tr>
</tbody>
</table>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="html" class="language-html">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>select</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>ui_select placeholderColor<span class="token punctuation">&quot;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>select<span class="token punctuation">&quot;</span></span> <span class="token attr-name">onchange</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>lui.changeSelectStyle(event)<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>&#x8BF7;&#x9009;&#x62E9;<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>option</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>1<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>&#x5973;&#x6C49;&#x5B50;<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>option</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>2<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>&#x840C;&#x59B9;&#x5B50;<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>option</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>select</span><span class="token punctuation">&gt;</span></span>
</pre><h4 class="mume-header" id="luiloadscripturlcb">lui.loadScript(url,cb)</h4>

<p>&#x52A8;&#x6001;&#x5F02;&#x6B65;&#x52A0;&#x8F7D;js</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>url</td>
<td>String</td>
<td>&#x662F;</td>
<td>js&#x8DEF;&#x5F84;,&#x5355;&#x4E2A;&#x76F4;&#x63A5;&#x662F;&#x5B57;&#x7B26;&#x4E32;&#x5F62;&#x5F0F;&#xFF0C;&#x591A;&#x4E2A;&#x4EE5;&#x6570;&#x7EC4;&#x5F62;&#x5F0F;</td>
</tr>
<tr>
<td>cb</td>
<td>Function</td>
<td>&#x662F;</td>
<td>js&#x52A0;&#x8F7D;&#x5B8C;&#x6BD5;&#x7684;&#x56DE;&#x8C03;&#x51FD;&#x6570;</td>
</tr>
</tbody>
</table>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="js" class="language-javascript">lui<span class="token punctuation">.</span><span class="token function">loadScript</span><span class="token punctuation">(</span><span class="token string">&apos;util.js&apos;</span><span class="token punctuation">,</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
    <span class="token comment">//&#x52A0;&#x8F7D;&#x5B8C;&#x6BD5;&#xFF0C;&#x60F3;&#x5E72;&#x4EC0;&#x4E48;&#x5C31;&#x5E72;&#x4EC0;&#x4E48;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>
&#x4E5F;&#x53EF;&#x4EE5;&#x4E00;&#x6B21;&#x52A0;&#x8F7D;&#x591A;&#x4E2A;js
lui<span class="token punctuation">.</span><span class="token function">loadScript</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string">&apos;js1.js&apos;</span><span class="token punctuation">,</span><span class="token string">&apos;js2.js&apos;</span><span class="token punctuation">]</span><span class="token punctuation">,</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
    <span class="token comment">//&#x52A0;&#x8F7D;&#x5B8C;&#x6BD5;&#xFF0C;&#x4E00;&#x6B21;&#x52A0;&#x8F7D;&#x591A;&#x4E2A;js&#xFF0C;&#x5475;&#x5475;&#x54D2;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>
</pre><h4 class="mume-header" id="luicountdowndatetimecb">lui.countDown(datetime,cb)</h4>

<p>&#x5012;&#x8BA1;&#x65F6;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>datetime</td>
<td>Date</td>
<td>&#x662F;</td>
<td>&#x6307;&#x5B9A;&#x5012;&#x8BA1;&#x65F6;&#x65F6;&#x95F4;&#xFF0C;&#x53EF;&#x88AB;new Date()&#x89E3;&#x6790;</td>
</tr>
<tr>
<td>cb</td>
<td>Function</td>
<td>&#x662F;</td>
<td>&#x56DE;&#x8C03;&#x51FD;&#x6570;&#xFF0C;&#x643A;&#x5E26;&#x4E00;&#x4E2A;&#x53C2;&#x6570;&#x4E3A;&#x5012;&#x8BA1;&#x65F6;&#x5269;&#x4F59;&#x65F6;&#x95F4;</td>
</tr>
</tbody>
</table>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="js" class="language-javascript">  lui<span class="token punctuation">.</span><span class="token function">countDown</span><span class="token punctuation">(</span><span class="token string">&apos;2018-10-01&apos;</span><span class="token punctuation">,</span><span class="token keyword">function</span><span class="token punctuation">(</span>res<span class="token punctuation">)</span><span class="token punctuation">{</span>
    <span class="token keyword">if</span> <span class="token punctuation">(</span>res <span class="token operator">==</span> undefined<span class="token punctuation">)</span> <span class="token punctuation">{</span>
        console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&apos;&#x8BBE;&#x5B9A;&#x65F6;&#x95F4;&#x5C0F;&#x4E8E;&#x6216;&#x7B49;&#x4E8E;&#x5F53;&#x524D;&#x65F6;&#x95F4;&apos;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token keyword">else</span><span class="token punctuation">{</span>
        <span class="token keyword">var</span> s <span class="token operator">=</span> res<span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token string">&apos;|&apos;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
        document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">&apos;#j_gq&apos;</span><span class="token punctuation">)</span><span class="token punctuation">.</span>innerHTML <span class="token operator">=</span> s<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token operator">+</span><span class="token string">&apos;&#x5929;&apos;</span><span class="token operator">+</span>s<span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">]</span><span class="token operator">+</span><span class="token string">&apos;&#x65F6;&apos;</span><span class="token operator">+</span>s<span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">]</span><span class="token operator">+</span><span class="token string">&apos;&#x5206;&apos;</span><span class="token operator">+</span>s<span class="token punctuation">[</span><span class="token number">3</span><span class="token punctuation">]</span><span class="token operator">+</span><span class="token string">&apos;&#x79D2;&apos;</span><span class="token punctuation">;</span>  
    <span class="token punctuation">}</span>        
  <span class="token punctuation">}</span><span class="token punctuation">)</span>
</pre><h4 class="mume-header" id="luigettimenumdatetimetype">lui.getTime(num,datetime,type)</h4>

<p>&#x8FD4;&#x56DE;&#x7B2C;&#x51E0;&#x5929;&#x7684;&#x65F6;&#x95F4;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>num</td>
<td>Number</td>
<td>&#x662F;</td>
<td>&#x67D0;&#x5929;</td>
</tr>
<tr>
<td>datetime</td>
<td>Date</td>
<td>&#x5426;</td>
<td>&#x67D0;&#x5929;&#x65E5;&#x671F;&#xFF0C;&#x53EF;&#x88AB;new Date()&#x89E3;&#x6790;</td>
</tr>
<tr>
<td>type</td>
<td>String</td>
<td>&#x5426;</td>
<td>&#x65E5;&#x671F;&#x7C7B;&#x578B;&#xFF0C;&#x9ED8;&#x8BA4;,&#x8FD4;&#x56DE;YYYY-MM-DD,&#x5982;&#x679C;&#x4F20;&apos;datetime&apos;&#xFF0C;&#x8FD4;&#x56DE;YYYY-MM-DD hh:mm:ss</td>
</tr>
</tbody>
</table>
<h4 class="mume-header" id="luigetcndaydatetime">lui.getCnDay(datetime)</h4>

<p>&#x8FD4;&#x56DE;&#x67D0;&#x5929;&#x4E2D;&#x6587;&#x661F;&#x671F;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>datetime</td>
<td>Date</td>
<td>&#x5426;</td>
<td>&#x67D0;&#x5929;&#x65E5;&#x671F;&#xFF0C;&#x53EF;&#x88AB;new Date()&#x89E3;&#x6790;</td>
</tr>
</tbody>
</table>
<h2 class="mume-header" id="%E4%BA%A4%E4%BA%92api">&#x4EA4;&#x4E92;api</h2>

<h4 class="mume-header" id="luiscrolltobottomelcallback">lui.scrollToBottom(el,callback)</h4>

<p>&#x76D1;&#x542C;&#x6ED1;&#x52A8;/&#x6EDA;&#x52A8;&#x5230;&#x5E95;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>el</td>
<td>String</td>
<td>&#x662F;</td>
<td>&#x5BB9;&#x5668;&#x9009;&#x62E9;&#x5668;&#xFF0C;&#x5982;&#xFF1A; &apos;#id&apos;&#x3002;&#x4E5F;&#x53EF;&#x4EE5;&#x662F;DOM&#x5BF9;&#x8C61;</td>
</tr>
</tbody>
</table>
<p><mark>&#x6CE8;&#x610F;</mark>&#xFF1A;&#x56E0;&#x4E3A;&#x76D1;&#x542C;&#x7684;&#x662F;scroll&#x4E8B;&#x4EF6;&#xFF0C;&#x56E0;&#x6B64;&#x7ED1;&#x5B9A;&#x7684;&#x5BB9;&#x5668;&#x5FC5;&#x987B;&#x8981;&#x7528;&#x6EDA;&#x52A8;&#x6761;&#x3002;</p>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="js" class="language-javascript">lui<span class="token punctuation">.</span><span class="token function">scrollToBottom</span><span class="token punctuation">(</span><span class="token string">&apos;#myScroll&apos;</span><span class="token punctuation">,</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
  <span class="token comment">//&#x5DF2;&#x7ECF;&#x6EDA;&#x52A8;&#x5230;&#x5E95;&#x4E86;&#xFF0C;&#x4F60;&#x53EF;&#x4EE5;&#x5728;&#x8FD9;&#x91CC;&#x52A0;&#x8F7D;&#x7FFB;&#x9875;&#x6570;&#x636E;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>
</pre><h4 class="mume-header" id="luitabscontainer">lui.tabs(container)</h4>

<p>tab&#x5207;&#x6362;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>container</td>
<td>String</td>
<td>&#x662F;</td>
<td>tab&#x5934;&#x548C;tab&#x5185;&#x5BB9;&#x7684;&#x5916;&#x5C42;&#x9009;&#x62E9;&#x5668;&#xFF0C;&#x5982;&#xFF1A; &apos;data-role=&quot;tabs&quot;&apos;</td>
</tr>
</tbody>
</table>
<p><mark>&#x6CE8;&#x610F;</mark>&#xFF1A;&#x9700;&#x8981;&#x6309;&#x7167;html&#x56FA;&#x5B9A;&#x7ED3;&#x6784;&#x3002;tab&#x5934;&#x5FC5;&#x987B;&#x542B; tab-role=&quot;tab&quot;&#x5C5E;&#x6027;&#xFF0C;tab&#x5185;&#x5BB9;&#x5FC5;&#x987B;&#x542B;tab-role=&quot;tabContent&quot;&#x5C5E;&#x6027;&#x3002;</p>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="html" class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">data-role</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>tabs<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>nav</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>ui_capsule_tab flexbox<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>javascript:;<span class="token punctuation">&quot;</span></span> <span class="token attr-name">tab-role</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>tab<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>flexItem active<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>tab1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>javascript:;<span class="token punctuation">&quot;</span></span> <span class="token attr-name">tab-role</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>tab<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>flexItem<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>tab2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>javascript:;<span class="token punctuation">&quot;</span></span> <span class="token attr-name">tab-role</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>tab<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>flexItem<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>tab3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>nav</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>tab_content<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">tab-role</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>tabContent<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>p20 active<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          tab1
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">tab-role</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>tabContent<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>p20<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          tab2
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">tab-role</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>tabContent<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>p20<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          tab3
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span> 
</pre><h4 class="mume-header" id="luitextareaautoheightelrandom">lui.textareaAutoHeight(el,random)</h4>

<p>textarea&#x9AD8;&#x5EA6;&#x81EA;&#x9002;&#x5E94;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>el</td>
<td>String</td>
<td>&#x662F;</td>
<td>textarea&#x9009;&#x62E9;&#x5668;</td>
</tr>
<tr>
<td>random</td>
<td>Number</td>
<td>&#x5426;</td>
<td>&#x968F;&#x673A;&#x6570;&#xFF0C;&#x5982;&#x679C;&#x4E00;&#x4E2A;&#x9875;&#x9762;&#x5B58;&#x5728;&#x591A;&#x4E2A;textarea&#x9700;&#x8981;&#x9AD8;&#x5EA6;&#x81EA;&#x9002;&#x5E94;&#xFF0C;&#x5219;&#x4E3A;&#x5FC5;&#x586B;&#xFF0C;&#x800C;&#x4E14;random&#x4E0D;&#x80FD;&#x76F8;&#x540C;</td>
</tr>
</tbody>
</table>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="js" class="language-javascript"> lui<span class="token punctuation">.</span><span class="token function">textareaAutoHeigh</span><span class="token punctuation">(</span><span class="token string">&apos;#textarea1&apos;</span><span class="token punctuation">,</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 lui<span class="token punctuation">.</span><span class="token function">textareaAutoHeigh</span><span class="token punctuation">(</span><span class="token string">&apos;#textarea2&apos;</span><span class="token punctuation">,</span><span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</pre><h4 class="mume-header" id="luisearchobject">lui.search(object)</h4>

<p>&#x590D;&#x6742;&#x641C;&#x7D22;&#x4EA4;&#x4E92;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>container</td>
<td>String</td>
<td>&#x662F;</td>
<td>&#x641C;&#x7D22;&#x7EC4;&#x4EF6;&#x5BB9;&#x5668;</td>
</tr>
<tr>
<td>input</td>
<td>Function</td>
<td>&#x5426;</td>
<td>&#x5B9E;&#x65F6;&#x8F93;&#x5165;&#x7684;&#x56DE;&#x8C03;&#x51FD;&#x6570;&#xFF0C;&#x643A;&#x5E26;&#x4E00;&#x4E2A;&#x53C2;&#x6570;&#x4E3A;&#x8F93;&#x5165;&#x6846;&#x7684;&#x503C;</td>
</tr>
<tr>
<td>clear</td>
<td>Function</td>
<td>&#x5426;</td>
<td>&#x6E05;&#x7A7A;&#x641C;&#x7D22;&#x7684;&#x56DE;&#x8C03;&#x51FD;&#x6570;</td>
</tr>
<tr>
<td>cancel</td>
<td>Function</td>
<td>&#x5426;</td>
<td>&#x53D6;&#x6D88;&#x641C;&#x7D22;&#x7684;&#x56DE;&#x8C03;&#x51FD;&#x6570;</td>
</tr>
<tr>
<td>enter</td>
<td>Function</td>
<td>&#x5426;</td>
<td>&#x6309;&#x4E0B;&#x56DE;&#x8F66;&#x952E;&#x641C;&#x7D22;&#x7684;&#x56DE;&#x8C03;&#x51FD;&#x6570;&#xFF0C;&#x643A;&#x5E26;&#x4E00;&#x4E2A;&#x53C2;&#x6570;&#x4E3A;&#x8F93;&#x5165;&#x6846;&#x7684;&#x503C;</td>
</tr>
</tbody>
</table>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="js" class="language-javascript">  lui<span class="token punctuation">.</span><span class="token function">search</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
      container<span class="token punctuation">:</span><span class="token string">&apos;#js_search&apos;</span><span class="token punctuation">,</span>
      input<span class="token punctuation">:</span><span class="token keyword">function</span><span class="token punctuation">(</span>val<span class="token punctuation">)</span><span class="token punctuation">{</span>
         console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&apos;&#x4F60;&#x8F93;&#x5165;&#x7684;&#x662F;&#xFF1A;&apos;</span><span class="token operator">+</span>val<span class="token punctuation">)</span><span class="token punctuation">;</span> 
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      clear<span class="token punctuation">:</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
          console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&apos;clear&apos;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      cancel<span class="token punctuation">:</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
          console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&apos;cancel&apos;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      enter<span class="token punctuation">:</span><span class="token keyword">function</span><span class="token punctuation">(</span>val<span class="token punctuation">)</span><span class="token punctuation">{</span>
          console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&apos;&#x70B9;&#x51FB;&#x4E86;&#x56DE;&#x8F66;,&#x8F93;&#x5165;&#x7684;&#x5185;&#x5BB9;&#x662F;&#xFF1A;&apos;</span><span class="token operator">+</span>val<span class="token punctuation">)</span><span class="token punctuation">;</span>
      <span class="token punctuation">}</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>
</pre><h4 class="mume-header" id="luicoverhandlerelobject">lui.coverHandler(el,object)</h4>

<p>&#x906E;&#x76D6;&#x5C42;&#x663E;&#x793A;&#x548C;&#x9690;&#x85CF;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>el</td>
<td>String</td>
<td>&#x662F;</td>
<td>&#x9009;&#x62E9;&#x5668;</td>
</tr>
<tr>
<td>open</td>
<td>Function</td>
<td>&#x5426;</td>
<td>&#x906E;&#x76D6;&#x5C42;&#x6253;&#x5F00;&#x65F6;&#x7684;&#x56DE;&#x8C03;&#x51FD;&#x6570;</td>
</tr>
<tr>
<td>close</td>
<td>Function</td>
<td>&#x5426;</td>
<td>&#x906E;&#x76D6;&#x5C42;&#x5173;&#x95ED;&#x65F6;&#x7684;&#x56DE;&#x8C03;&#x51FD;&#x6570;</td>
</tr>
</tbody>
</table>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="js" class="language-javascript">  lui<span class="token punctuation">.</span><span class="token function">coverHandler</span><span class="token punctuation">(</span><span class="token string">&apos;#coverPage&apos;</span><span class="token punctuation">,</span><span class="token punctuation">{</span>
      open<span class="token punctuation">:</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
          console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&apos;open&apos;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      close<span class="token punctuation">:</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
          console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&apos;close&apos;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
      <span class="token punctuation">}</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>
</pre><h4 class="mume-header" id="luiloadingtextopacity">lui.loading(text,opacity)</h4>

<p>&#x9875;&#x9762;loading&#x6548;&#x679C;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>text</td>
<td>String</td>
<td>&#x662F;</td>
<td>loading&#x63D0;&#x793A;&#x6587;&#x5B57;&#xFF0C;&#x5982;&#x679C;&#x6587;&#x5B57;&#x4E3A;close&#xFF0C;&#x5219;loading&#x5173;&#x95ED;</td>
</tr>
<tr>
<td>opacity</td>
<td>Number</td>
<td>&#x5426;</td>
<td>loading&#x906E;&#x7F69;&#x5C42;&#x900F;&#x660E;&#x5EA6;</td>
</tr>
</tbody>
</table>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="js" class="language-javascript">  lui<span class="token punctuation">.</span><span class="token function">loading</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">//loading</span>

  <span class="token function">setTimeout</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>  <span class="token comment">//3s&#x540E;&#x5173;&#x95ED;loading</span>
    lui<span class="token punctuation">.</span><span class="token function">loading</span><span class="token punctuation">(</span><span class="token string">&apos;close&apos;</span><span class="token punctuation">)</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token number">3000</span><span class="token punctuation">)</span>
</pre><h4 class="mume-header" id="luitoastobject">lui.toast(object)</h4>

<p>&#x9875;&#x9762;&#x8F7B;&#x63D0;&#x793A;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>type</td>
<td>String</td>
<td>&#x5426;</td>
<td>&#x63D0;&#x793A;&#x7C7B;&#x578B;&#xFF0C;&#x6709;&#x4E24;&#x79CD;&#x7C7B;&#x578B;&#xFF0C;&quot;ok&quot;&#x548C;&quot;warning&quot;&#xFF0C;&#x5373;&#x5BF9;&#x5E94;&#x6210;&#x529F;&#x7C7B;&#x578B;&#x548C;&#x8B66;&#x544A;&#x7C7B;&#x578B;&#x3002;&#x9ED8;&#x8BA4;&#x4E3A;&quot;ok&quot;&#x3002;</td>
</tr>
<tr>
<td>text</td>
<td>String</td>
<td>&#x5426;</td>
<td>&#x63D0;&#x793A;&#x6587;&#x5B57;</td>
</tr>
<tr>
<td>position</td>
<td>String</td>
<td>&#x5426;</td>
<td>&#x5728;&#x9875;&#x9762;&#x7684;&#x4F4D;&#x7F6E;&#xFF0C;&#x5305;&#x542B;&quot;top&quot;,&quot;middle&quot;,&quot;bottom&quot;.</td>
</tr>
<tr>
<td>duration</td>
<td>String</td>
<td>&#x5426;</td>
<td>&#x63D0;&#x793A;&#x663E;&#x793A;&#x6301;&#x7EED;&#x7684;&#x65F6;&#x95F4;,&#x9ED8;&#x8BA4;2s</td>
</tr>
</tbody>
</table>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="js" class="language-javascript">  lui<span class="token punctuation">.</span><span class="token function">toast</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
      type<span class="token punctuation">:</span><span class="token string">&apos;ok&apos;</span><span class="token punctuation">,</span>
      text<span class="token punctuation">:</span><span class="token string">&apos;&#x64CD;&#x4F5C;&#x6210;&#x529F;&apos;</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>

  lui<span class="token punctuation">.</span><span class="token function">toast</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
      position<span class="token punctuation">:</span><span class="token string">&apos;top&apos;</span><span class="token punctuation">,</span>
      text<span class="token punctuation">:</span><span class="token string">&apos;&#x63D0;&#x793A;&#x5185;&#x5BB9;&apos;</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>
</pre><h4 class="mume-header" id="luishowmodalobject">lui.showModal(object)</h4>

<p>ios&#x98CE;&#x683C;&#x6A21;&#x6001;&#x6846;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>title</td>
<td>String</td>
<td>&#x5426;</td>
<td>&#x63D0;&#x793A;&#x7684;&#x6807;&#x9898;</td>
</tr>
<tr>
<td>content</td>
<td>String</td>
<td>&#x662F;</td>
<td>&#x63D0;&#x793A;&#x7684;&#x5185;&#x5BB9;&#xFF0C;&#x53EF;&#x5D4C;&#x5165;html&#x4EE3;&#x7801;</td>
</tr>
<tr>
<td>showCancel</td>
<td>Boolean</td>
<td>&#x5426;</td>
<td>&#x662F;&#x5426;&#x663E;&#x793A;&#x53D6;&#x6D88;&#x6309;&#x94AE;&#xFF0C;&#x9ED8;&#x8BA4;&#x4E3A; false</td>
</tr>
<tr>
<td>cancelText</td>
<td>String</td>
<td>&#x5426;</td>
<td>&#x53D6;&#x6D88;&#x6309;&#x94AE;&#x7684;&#x6587;&#x5B57;&#xFF0C;&#x9ED8;&#x8BA4;&#x4E3A;&quot;&#x53D6;&#x6D88;&quot;&#xFF0C;&#x6587;&#x5B57;&#x4E0D;&#x5B9C;&#x8FC7;&#x957F;</td>
</tr>
<tr>
<td>confirmText</td>
<td>String</td>
<td>&#x5426;</td>
<td>&#x786E;&#x5B9A;&#x6309;&#x94AE;&#x7684;&#x6587;&#x5B57;&#xFF0C;&#x9ED8;&#x8BA4;&#x4E3A;&quot;&#x786E;&#x5B9A;&quot;&#xFF0C;&#x6587;&#x5B57;&#x4E0D;&#x5B9C;&#x8FC7;&#x957F;</td>
</tr>
<tr>
<td>skin</td>
<td>String</td>
<td>&#x5426;</td>
<td>&#x4F20;&#x5165;&#x7684;&#x81EA;&#x5B9A;&#x4E49;class&#xFF0C;&#x7528;&#x4E8E;&#x81EA;&#x5B9A;&#x4E49;&#x98CE;&#x683C;</td>
</tr>
<tr>
<td>beforeHide</td>
<td>Function</td>
<td>&#x5426;</td>
<td>&#x6A21;&#x6001;&#x6846;&#x5173;&#x95ED;&#x524D;&#x7684;&#x56DE;&#x8C03;&#x51FD;&#x6570;</td>
</tr>
</tbody>
</table>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="js" class="language-javascript">  lui<span class="token punctuation">.</span><span class="token function">showModal</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
      content<span class="token punctuation">:</span><span class="token string">&apos;alert&#x5475;&#x5475;&apos;</span><span class="token punctuation">,</span>
      confirm<span class="token punctuation">:</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
          console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&apos;confirm&apos;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
      <span class="token punctuation">}</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>

  <span class="token keyword">var</span> val <span class="token operator">=</span> <span class="token string">&apos;&apos;</span><span class="token punctuation">;</span>
  lui<span class="token punctuation">.</span><span class="token function">showModal</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
      content<span class="token punctuation">:</span><span class="token string">&apos;&lt;input type=&quot;text&quot; placeholder=&quot;&#x8BF7;&#x8F93;&#x5165;&quot; class=&quot;ui_popup_ipt&quot; id=&quot;ipt&quot;/&gt;&apos;</span><span class="token punctuation">,</span>
      beforeHide<span class="token punctuation">:</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
          val <span class="token operator">=</span> lui<span class="token punctuation">.</span><span class="token function">selector</span><span class="token punctuation">(</span><span class="token string">&apos;#ipt&apos;</span><span class="token punctuation">)</span><span class="token punctuation">.</span>value<span class="token punctuation">;</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      confirm<span class="token punctuation">:</span><span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>                    
          console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&apos;&#x8F93;&#x5165;&#x6846;&#x7684;&#x503C;&#x662F;&#xFF1A;&apos;</span><span class="token operator">+</span>val<span class="token punctuation">)</span><span class="token punctuation">;</span>
      <span class="token punctuation">}</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>
</pre><h4 class="mume-header" id="luiindexactionscrollelem">lui.indexAction(scrollElem)</h4>

<p>&#x6ED1;&#x52A8;&#x7D22;&#x5F15;&#x5B9A;&#x4F4D;&#x5217;&#x8868;&#x4F4D;&#x7F6E;</p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>scrollElem</td>
<td>String</td>
<td>&#x662F;</td>
<td>&#x6EDA;&#x52A8;&#x5143;&#x7D20;&#x7684;&#x9009;&#x62E9;&#x5668;&#x3002;&#x4F9D;&#x8D56;&#x8BE5;&#x9009;&#x62E9;&#x5668;&#x6765;&#x8BBE;&#x7F6E;scrollTop&#x503C;&#x3002;</td>
</tr>
</tbody>
</table>
<p><mark>&#x6CE8;&#x610F;</mark>&#xFF1A;html&#x7ED3;&#x6784;&#xFF0C;&#x9700;&#x8981;&#x7ED9;&#x5217;&#x8868;&#x82F1;&#x6587;&#x6807;&#x9898;&#x52A0;&#x4E0A;&apos;data-role=&quot;word_index&quot;&apos;&#x5C5E;&#x6027;,&#x7ED9;&#x82F1;&#x6587;&#x5217;&#x8868;&#x52A0;&#x4E0A;&apos;data-role=&quot;word_list&quot;&apos;,&#x7ED9;&#x5F39;&#x51FA;&#x63D0;&#x793A;&#x6846;&#x52A0;&#x4E0A;&apos;data-role=&quot;word_popup&quot;&apos;&#x5C5E;&#x6027;</p>
<h4 class="mume-header" id="luiwatermarkelnamelen">lui.watermark(el,name,len)</h4>

<p>&#x6C34;&#x5370;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>el</td>
<td>String</td>
<td>&#x662F;</td>
<td>&#x6302;&#x8F7D;&#x6C34;&#x5370;&#x7684;&#x6587;&#x6863;&#x8282;&#x70B9;</td>
</tr>
<tr>
<td>name</td>
<td>String</td>
<td>&#x662F;</td>
<td>&#x6C34;&#x5370;&#x5185;&#x5BB9;</td>
</tr>
<tr>
<td>len</td>
<td>String</td>
<td>&#x5426;</td>
<td>&#x6C34;&#x5370;&#x4E2A;&#x6570;</td>
</tr>
</tbody>
</table>
<h4></h4>
<p>&#x793A;&#x4F8B;&#x4EE3;&#x7801;</p>
<pre data-role="codeBlock" data-info="js" class="language-javascript">  lui<span class="token punctuation">.</span><span class="token function">watermark</span><span class="token punctuation">(</span><span class="token string">&apos;#js_watermarkbox&apos;</span><span class="token punctuation">,</span><span class="token string">&apos;&#x5F20;&#x78A7;&#x6668;10056500&apos;</span><span class="token punctuation">,</span><span class="token number">18</span><span class="token punctuation">)</span>
</pre><h4 class="mume-header" id="luiphotoviewerimgs">lui.photoViewer(imgs)</h4>

<p>&#x56FE;&#x7247;&#x9884;&#x89C8;</p>
<p><strong>&#x53C2;&#x6570;&#x8BF4;&#x660E;</strong></p>
<table>
<thead>
<tr>
<th>&#x53C2;&#x6570;</th>
<th>&#x7C7B;&#x578B;</th>
<th>&#x5FC5;&#x586B;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>imgs</td>
<td>String</td>
<td>&#x662F;</td>
<td>&#x56FE;&#x7247;&#x9009;&#x62E9;&#x5668;&#x96C6;&#x5408;</td>
</tr>
</tbody>
</table>

      </div>
      
      
    
    
    
    
    
    
    
    
  
    </body></html>